<template>
	<div class="changePhoneParent-box">
		<img src="../../assets/images/phone.png"/>
		<p>{{phone}}</p>
		<div class="changePhoneParent-btn"  @click="clickPhoneParent">
			更换
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				phone:window.sessionStorage.getItem("bingPhone")
			}			
		},
		created:function () {
			this.$store.dispatch("hideNav")
		},
		methods:{
			clickPhoneParent(){
				this.$router.push(`/${this.$channel}/addOldPhone`)
			}
		}
	}
</script>

<style scoped="scoped">
	.changePhoneParent-box img{
		display:block;
		width: 261px;
		height: 362px;
		background-size: 261px 362px;
		margin: 200px auto 0;
	}
	.changePhoneParent-box p{
		width: 750px;
		color: #CC2D30;
		font-size: 38px;
		font-weight:800;
		text-align: center;
		margin-top: 20px;
	}
	.changePhoneParent-btn{
		width:272px;
		height:80px;
		background:rgba(204,45,48,1);
		border-radius:15px;
		line-height: 80px;
        text-align: center;
        color: white;
        margin: 150px auto;
        font-size: 42px;
	}
</style>